<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HelloJS</title>
    <!-- js代码需要编写到script标签中 -->
    <script>
    // 默认type="text/javascript"
        // alert('这是我的第一行js代码,hello js');
        document.writeln('hello js')
        console.log('hello js')//向控制台输出日志
    /*
        多行注释,严格使用大小写，每行以分号；结尾
        
    */
        var a=123;//声明变量
        document.writeln(a);

        // 数据类型：6种，String字符串，Number,Boolean,Null,Undefined,Obeject引用
        //  \"表示"；\' \n \t制表符
        // typeop检查变量类型，Number.MAX_VALUE最大值
        var bool=true;


        // 强制类型转换
        var b=a.toString();
        c=Number(b);//转为数字
        d=Boolean(c);
        // 正则表达式
        var reg=new RegExp('a');//检查是否含有a

        // DOM,document object model
        // 可以在属性设置事件触发 
            
    </script>
</head>
<body>
    <!-- 可将js代码编写到标签得onclick属性中 -->
    <button onclick="alert('讨厌，点我干嘛');">
        click me
    </button>
    <!-- 可将js放在 -->
    <a href="javascript:alert(让你点你就点？)">你也点一下</a>
    <!-- 可引入外部js文件 -->
    <script src="hello.js"></script>

    <button id="btn">
        我是一个按钮
    </button>
    <script>
        // 获取对象
        var btn=document.getElementById('btn');
        btn.onclick=function(){
            alert('你还点~~~');//要加分号，否则不执行
        }
    </script>
    
</body>
</html>